@function getPx($num) {
  @return 750/414 * $num;
}
.video {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: black;
  .swiper {
    width: 100%;
    height: 100%;
    .barra {
      position: absolute;
      z-index: 10;
      top: 0;
      width: 100%;
    }
    video {
      width: 100%;
      height: 100%;
    }
    .pause {
      width: getPx(80px);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      img {
        width: 100%;
      }
    }
    .right {
        position: absolute;
        right: 0;
        top: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        img {
          margin: 0 20px 20px 0;
          width: getPx(55px);
        }
      }
  }
  .header {
    width: 100%;
    height: getPx(40px);
    position: fixed;
    top: getPx(20px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: getPx(18px);
    font-weight: bold;
    div {
      width: 2rem;
      display: flex;
      justify-content: center;
    }
  }
}
